<template>
    <div style="margin-left: 5%;margin-top: 5%">


      <el-tabs :tab-position="tabPosition" style="height:100%">
        <el-tab-pane label="概述">
          <div>
            <div>欢迎来自【{{this.form.qufu}}】尊贵的太玄经玩家：{{this.detail_uuid.jcl_name}}</div><br>
            <div>装备分数：{{this.form.zhuangfen}}</div><br>
            <div>战斗时长：{{this.form.fight_time}}秒</div><br>
            <div>综合评分：{{this.form.score}}</div><br>
            <div v-if="this.form.score>90" >你已经做的非常棒了</div>
            <div v-else-if="this.form.score<60" >你还有巨大巨大巨大的提升空间</div>
            <div v-else >你还有提升空间</div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="循环">
          <div>

          </div>
        </el-tab-pane>
        <el-tab-pane label="技能衔接">
          <div>

          </div>
        </el-tab-pane>
        <el-tab-pane label="火离覆盖">
          <div></div>
        </el-tab-pane>
        <el-tab-pane label="山卦覆盖">
          <div></div>
        </el-tab-pane>
        <el-tab-pane label="配装建议（鸽）">
          <div></div>
        </el-tab-pane>
      </el-tabs>
    </div>



</template>


<script>
  import { jcl } from '../../api/jcl'
  import { roundFloat } from 'autoprefixer'
  export default {
    name:'analyse_detail',
    data() {
      return {
        detail_uuid : {
          'jcl_name':'',
          'jcl_uuid':'',
        },
        tabPosition: 'left',
        form:{
          fight_time:0,
          score:0,
          zhuangfen:0,
          qufu:'',
        }
      };
    },
    created() {
      if (this.$route.query) {
        this.detail_uuid.jcl_uuid = this.$route.query.jcl_uuid
        this.detail_uuid.jcl_name = this.$route.query.jcl_name
        jcl(this.detail_uuid).then(response =>{
          this.form.fight_time = Math.round(response.data.fight_time/1000)
          this.form.zhuangfen = response.data.cha.zhuangfen
          this.form.qufu = response.data.qufu
          this.form.score = response.data.score


          }
        )
    }},
    methods: {
      handleChange(value, direction, movedKeys) {
        console.log(value, direction, movedKeys);
      },
    }
  }
</script>

<style scoped>

</style>
